.head-container {
  text-align: center;
  //p {
  //  line-height: 5rem;
  //  font-size: 2rem;
  //  color: #fff;
  //  background: url("../images/TopTitle.png");
  //  display: inline-block;
  //  padding: 0 5rem;
  //  background-size: 100% 100%;
  //  & > span {
  //    color: red;
  //    font-weight: bold;
  //    font-family: sans-serif;
  //  }
  //}
}

.title-box {
  margin: 0 auto;
  background: url("../images/ui/Title_BG.png")  0 0 / 100% 100%;
  padding: .5rem;
  display: inline-block;
  width: 56%;
  text-align: center;
  color: #fff;
  p{
    font-size: 1.5rem;
  }
  span{
    font-size: 1.4rem;
    color: #4EC2CA;
  }
}


//%base-title {
//  width: 14rem;
//  padding: .8rem 1rem;
//  color: #fff;
//  font-size: 1.2rem;
//}
//
//.left-title {
//  background: url("../images/TopLeft.png");
//  background-size: 100% 100%;
//
//  @extend %base-title;
//}
//
//.right-title {
//  display: inline-block;
//  background: url("../images/TopRight.png");
//  background-size: 100% 100%;
//
//  @extend %base-title;
//
//}
